<template>
  <div class="route-container">
    <router-link
      v-for="route in routes"
      :key="route.name"
      :to="route.path"
    >
      {{ route.name }}
    </router-link>
  </div>
</template>

<script>
import routes from '../router/routes'
import { ref } from 'vue'

export default {
  setup() {
    return {
      routes
    }
  }
}
</script>

<style>
  .route-container a {
    margin: 0 10px;
  }
</style>